<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
	xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3"
	xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1" />
<link rel="stylesheet" th:href="@{layui/css/layui.css}" media="all" />
</head>
<body>
	<div style="padding: 1.5em 1.5em 1.5em 1.5em">
		<form class="layui-form" action="">

			<div class="layui-form-item">
				<label class="layui-form-label">邮箱类型</label>
				<div class="layui-input-inline">
					<select name="mailType" lay-filter="mailType">
						<option value="163" selected="">163</option>
						<option value="QQ">QQ</option>
						<option value="aliyun">阿里云邮箱</option>
						<option value="yahoo">雅虎</option>
						<option value="exQQ">QQ企业邮箱</option>
						<option value="gmail">谷歌邮箱</option>
						<option value="1">自定义</option>
					</select>
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">协议类型</label>
				<div class="layui-input-block">
					<input type="radio" name="protocol" value="imap" title="imap" checked="" /> 
					<input type="radio" name="protocol" value="pop3" title="pop3" />
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">开启SSL</label>
				<div class="layui-input-block">
					<input type="checkbox" checked="" name="ssl" lay-skin="switch" lay-text="ON|OFF" />
				</div>
			</div>
			
			<div class="layui-form-item">
				<label class="layui-form-label">收取服务器</label>
				<div class="layui-input-block">
					<input type="checkbox" checked="" name="submit" lay-skin="switch" lay-text="ON|OFF" />
				</div>
			</div>

			<div class="layui-form-item">
				<div class="layui-inline">
					<label class="layui-form-label">邮箱账号</label>
					<div class="layui-input-inline">
						<input type="text" name="email" lay-verify="email" autocomplete="off" class="layui-input" />
					</div>
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">密码</label>
				<div class="layui-input-inline">
					<input type="password" name="password" lay-verify="password" placeholder="请输入密码" autocomplete="off" class="layui-input" />
				</div>
			</div>


			<div class="layui-form-item" style="display:none">
				<label class="layui-form-label">收件地址</label>
				<div class="layui-input-inline">
					<input type="text" name="reAddress" class="layui-input" />
				</div>
			</div>

			<div class="layui-form-item" style="display:none">
				<label class="layui-form-label">收件端口</label>
				<div class="layui-input-inline">
					<input type="text" name="rePort" class="layui-input" />
				</div>
			</div>

			<div class="layui-form-item" style="display:none">
				<label class="layui-form-label">发件地址</label>
				<div class="layui-input-inline">
					<input type="text" name="sendAddress" class="layui-input" />
				</div>
			</div>

			<div class="layui-form-item" style="display:none">
				<label class="layui-form-label">发件端口</label>
				<div class="layui-input-inline">
					<input type="text" name="sendPort" class="layui-input" />
				</div>
			</div>
			
			<div class="layui-form-item">
				<div class="layui-input-block">
					<button class="layui-btn" lay-submit="" lay-filter="demo1">提交</button>
				</div>
			</div>
  
		</form>
	</div>
	<script th:src="@{plugin/testH/jquery.min.js?v=2.1.4}"></script>
	<script th:src="@{layui/layui.js}" charset="utf-8"></script>
	<script th:src="@{js/mail/add_account.js}" charset="utf-8"></script>
</body>
</html>